  
  <div id="sidebar">
    <div class="topbg"></div>
    <div class="cenbox">
      <h2>Categories</h2>
      <ul class="list1">
     <#assign count =0>
      <#if categories??>
		<#list categories as cat>
		 <#assign num = cat.sortIndex!0>
		 <#assign count = count + num >
		</#list>
	 </#if>
	 
      <li><a href="${contextPath}/i18n/blog" >All</a><span class="num">(	${count})</span></li>
     
      <#if categories??>
		<#list categories as cat>
			<#if typeName??>
				<#if typeName == cat.categoryName>
		    	<li><a href="${contextPath}/i18n/blog/category/${cat.categoryName}" class="red" >${cat.categoryName}</a><span class="num">(${cat.sortIndex!0})</span></li>
		    	<#else>
		    	<li><a href="${contextPath}/i18n/blog/category/${cat.categoryName}" >${cat.categoryName}</a><span class="num">(${cat.sortIndex!0})</span></li>
		    	</#if>
		    <#else>
		     	<li><a href="${contextPath}/i18n/blog/category/${cat.categoryName}" >${cat.categoryName}</a><span class="num">(${cat.sortIndex!0})</span></li>
		    </#if>
		</#list>
	 </#if>
       
      </ul>
      <h2>Tag</h2>
	<div id="whatever" class="tag">
	  <#if tags??>

			<#list tags as tag>
				<#if typeName??>
					<#if typeName == tag.tagName>
			    	<a href="${contextPath}/i18n/blog/tag/${tag.tagName}" rel="${tag.sortIndex}" class="red" >${tag.tagName}</a>
			    	<#else>
			    	<a href="${contextPath}/i18n/blog/tag/${tag.tagName}" rel="${tag.sortIndex}">${tag.tagName}</a>
			    	</#if>
			    <#else>
			     	<a href="${contextPath}/i18n/blog/tag/${tag.tagName}" rel="${tag.sortIndex}" >${tag.tagName}</a>
			    </#if>
			</#list>
		</#if>
		     <div class="clear"></div>
	</div>
		
		  <#--
      <ul class="tag" >
      

        <#if tags??>
			<#list tags as tag>
				<#if typeName??>
					<#if typeName == tag.tagName>
			    	<li><a href="${contextPath}/blog/tag/${tag.tagName}" class="red" >${tag.tagName}</a><span class="num"></span></li>
			    	<#else>
			    	<li><a  href="${contextPath}/blog/tag/${tag.tagName}" >${tag.tagName}</a><span class="num"></span></li>
			    	</#if>
			    <#else>
			     	<li><a href="${contextPath}/blog/tag/${tag.tagName}" >${tag.tagName}</a><span class="num"></span></li>
			    </#if>
			</#list>
		</#if>


      </ul>
      	-->

      <h2>Recent Posts</h2>
      <ul class="list2">
      	<#if recentItems??>
			<#assign blogs = recentItems.items>
				<#if blogs?size &gt; 0>
						<#list blogs as blog>
						    <li><a href="${contextPath}/i18n/blog/${blog.urlTitle}" >${blog.title}</a></li>
						</#list>
				</#if>
		</#if>		
      </ul>
      <h2>Social Connection</h2>
      <div class="share">
        <div class="fb-like-box" data-href="http://www.facebook.com/WonTube" data-width="250" data-height="260" data-show-faces="true" data-border-color="#FFFFFF" data-stream="false" data-header="false"></div>
        <div class="btn" style="float:left; margin-right: 15px;">
        <!--
        <a href="#" class="twitter">Twitter</a>
        -->
        <a href="https://plus.google.com/109284886880937561295?prsrc=3" rel="publisher" style="text-decoration:none;">
        <img src="//ssl.gstatic.com/images/icons/gplus-32.png" alt="Google+" style="border:0;width:32px;height:32px;"/></a>
        </div>
        <div class="btn">
        <!--
        <a href="#" class="twitter">Twitter</a>
        -->
        <a href="https://twitter.com/wontube" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @wontube</a>
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        
        </div>
        
        <div style="padding:15px 0 0 0;">
        <!--
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
		<td width="35">RSS</td>
		<td width="150"><input name="" type="text" class="ipt" /></td>
		<td width="69"><input name="" type="image" src="${contextPath}/style/images/btn_sub.gif" /></td>
		  </tr>
		</table>
		-->
        </div>

      </div>
    </div>
    <div class="btmbg"></div>
  </div>
  <!-- sidebar end -->